<style scoped>
</style>
<template>
  <div class="consolebox">
    <!-- 布局容器 -->
    <el-container>
      <!-- 页头开始 -->
      <el-header style="height: 70px;">
        <div>
          <ding></ding>
        </div>
      </el-header>
      <!-- 页头结束 -->
    </el-container>
    <el-container style="height: 700px;">
      <!-- 左侧边栏区域开始 -->
      <el-aside width="200px">
        <div>
          <kidney></kidney>
        </div>
      </el-aside>
      <!-- 左侧边栏区域结束 -->
      <el-container>
        <!-- 顶部导航栏开始 -->
        <el-header style="height: 70px;">
          <tou></tou>
        </el-header>
        <!-- 顶部导航栏结结束 -->
        <!-- 主要内容区域开始 -->
        <el-main>
          <mianban></mianban>
        </el-main>
        <!-- 主要内容区域结束 -->
      </el-container>
    </el-container>
  </div>
</template>


<script>
// 引入tou组件
import tou from "../../components/comt/tou";
import kidney from "../../components/comt/kidney";
import mianban from "../../components/comt/mianban";
import ding from "../../components/comt/ding";

export default {
  components: {
    tou,
    kidney,
    mianban,
    ding,
  },
  data() {
    return {};
  },
};
</script>
